<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <a href="javascript:alert(11111);">百度</a> -->
    <!-- <a href="javascript:;">百度</a> -->
    <a href="https://www.baidu.com">百度</a>
    <form action="">
        <button>提交</button>
    </form>
    <textarea name="" id="" cols="30" rows="10"></textarea>
</body>
<script>
    // 浏览器的默认行为
    // 1. a标签默认跳转
    // 2. 表单默认提交
    // 3. F5默认刷新
    // 4. 鼠标右键菜单

    var a = document.querySelector("a");
    var form = document.querySelector("form");

    // 在点击a标签时 => 阻止其默认跳转
    a.onclick = function (e) {
        var e = e || window.event;

        // 常规浏览器
        // e.preventDefault();

        // IE低版本/常规浏览器
        // e.returnValue = false;   // return false;

        // 兼容
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }


    }

    form.onsubmit = function (e) {
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }


    document.onkeydown = function (e) {
        // console.log(e.key);

        var keyCode = e.which || e.keyCode;
        console.log(e.key, keyCode)

        if (keyCode === 116 || keyCode === 123) {
            if (e.preventDefault) {
                e.preventDefault();
            } else {
                e.returnValue = false;
            }
        }
    }

    //鼠标右键菜单
    document.oncontextmenu = function (e) {
        console.log("打开菜单", e);

        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }

    document.oncopy = function (e) {
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }
    document.onpaste = function (e) {
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }


</script>

</html>